html,body{
    height:100%;
    width: 100%;
    margin:0;
    padding:0;
}
#app{
    width:100%;
    height:100%;
}
.page{
    display: flex;
    height: 100%;
    flex-direction: column;
}
.el-dropdown{
    color:#fff;
    height: 30px;
    margin: 15px 0px;
    line-height: 30px;
}
.page-top{
    height: 60px;
    line-height: 60px;
    background: #20a0ff;
    color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.page-top-right{
    margin-right:20px;
    font-size:14px;
}
.page-top-left{
    display: flex;
    align-items: center;
}
.page-top-left img{
    margin-right:40px;
}
.page-content{
    flex:1;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    background: #fff;
}
.page-content-left{
    width:200px;
}
.el-menu-vertical-demo {
    height: 100%;
}
.el-menu-item-group__title{
    padding:0;
}
.page-content-right{
    flex:1;
    padding:10px;
    overflow: auto;
}
.pagination{
    padding:10px 0;
}
.pagination-left{
    float:left;
}
.el-pagination{
    float:right;
}
.el-table__empty-block{
    text-align: left;
}
.el-table__empty-text{
    left: 300px;
}